<template>
  <button class="button" @click="$emit('click', $event)">
    <slot />
  </button>
</template>

<script lang="ts">
import Vue from "vue";
import { Component } from "vue-property-decorator";

@Component
export default class Button extends Vue {}
</script>

<style lang="scss" scoped>
.button {
  background: #767676;
  box-shadow: 1px 1px 9px #767676;
  color: white;
  border-radius: 8px;
  border: none;
  height: 40px;
  padding: 0 16px;
  margin-top: 20px;
  &-wrapper {
    text-align: center;
  }
}
</style>